草庐IT

iphone - UIImageView 动画慢

全部标签

javascript - iPhone 为 (hash and 3) 和 (Asterisk and 8) 返回相同的按键事件

我正在处理电话验证,需要使用电话号码自动格式化输入,并且只允许添加数字字符。但是,当我尝试使用keydown和keypress限制输入时,iPhone允许我输入#和*。当我检查keydown值时,它们分别与3和8相同(键码51和56)。这在Android浏览器中完美运行,但在iPhone中失败。任何人都遇到过类似的问题。$(formSelector+'input[name^="phone"]').on('keydownkeypress',function(e){//Allow:backspace,delete,tab,escape,andenterif(e.keyCode==46||e

javascript - 如何在运动路径上有效地反转 SVG (SMIL) 动画?

我正在尝试确定如何有效地反转此SVG动画(使用SMIL),它使用animateMotion和path上的d属性元素。我需要动画围绕形状逆时针运行。当前动画可以查here相关代码如下。document.getElementById("svgobject").pauseAnimations();STARTSTOP我明白我可以手动反转SVG路径数据命令,包括moveto(M,m)、lineto(L,l)、curveto(C,c)等。考虑到我需要反转的路径坐标数量(除了这个动画中的那些),我正在尝试确定是否有更有效的方法来执行此操作。 最佳答案

javascript - 动画底部边框(从左到右)

我试图让底部边框从左到右。我似乎也无法将它直接定位在标题下方,并且它从中心向外动画。我不确定要更改什么。https://jsfiddle.net/81uo76hx/2/.slider{position:absolute;display:block;left:50%;top:90%;transform:translate(-50%,0);position:absolute;top:43%;margin:0auto;height:2px;background-color:#000;width:0%;} 最佳答案 希望你能用javascr

javascript - OpenLayers3 - 动画 .fit 到特定范围

我使用OpenLayers3创建了一张map。我可以使用以下代码成功缩放到map上的图层:map.getView().fit(extent,map.getSize());但是我想要以动画方式呈现的类似内容。我知道以下动画:ol.animation.panol.animation.zoom通过使用这些我无法缩放到图层,使用ol.animation.pan我只能平移到一个点(而不是边界框)并使用ol.animation.zoom我可以缩放到一个分辨率(和而不是边界框)。所以我正在寻找的是一个动画.fit,这样我就可以将动画缩放到一定程度。任何关于我如何实现的建议将不胜感激:)

javascript - iPhone 应用程序和移动 safari 之间是否有任何共享状态?

我有一个网站和一个本地iPhone应用程序。该应用程序注册了一个自定义协议(protocol)。我希望网站在适当的时候自动重定向到协议(protocol),但前提是用户安装了应用程序(以避免烦人的对话框)。这意味着我需要从应用程序中写入一些我可以在移动safari中读取的状态,以将应用程序标记为已安装。Cookie似乎不存在跨进程。还有其他地方可以存放我的标记吗? 最佳答案 看this博客文章,了解Apple如何为MobileMeGallery应用程序做到这一点。它涉及应用程序在Safari中打开一个网站(在您的服务器上),该网站将

javascript - 通过声音振幅动画对象?

我知道可以通过Actionscript为对象设置声音动画。我真的希望也可以使用JavaScript为对象设置动画,因为它们非常相似。或许可以使用jQuery或HTML5来完成。我只是希望找到一种在Flash之外实现它的方法。有人知道这些格式中的任何一种是否可行吗?我做了很多研究,但似乎找不到任何形式或教程表明它可能或不可行。p>基本上,我正在尝试实现与我在Actionscript中编码相同的效果,但我希望使用另一种语言对其进行编码,这样也无法看到FlashView。这是Flash示例:http://beaubird.com/presentation.php这是一个使用ActionScr

javascript - 如何连接到 iPhone 的 webkit 调试器?

新的iOS6功能是,您可以在桌面safari中调试在设备或模拟器上运行的html和javascript。我想,这个功能是基于WebkitRemoteDebuggingProtocol.如何在没有桌面Safari的情况下连接到在iPhone上运行的webkit?我可以使用websockets为在Android上运行的移动Chrome执行此操作,但如何为iOS设备执行此操作? 最佳答案 ios-webkit-debug-proxy项目(来自Google!)就是这样做的。 关于javascri

javascript - Bootstrap 3 Carousel 上的动画高度变化

在研究“如何在Bootstrap3Carousel上设置高度变化动画”这个问题时,我发现了thisanswer,但是它对我的Bootstrap轮播没有任何影响。我还不能发表评论并在那里要求澄清,因此是一个新问题。建议的解决方案是functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.active.item').parent().

javascript - 表单提交上的 Safari 动画

我有一个带有表单的页面,在提交后加载时间很长。这就是我决定将微调器置于按钮之上的原因。相反,如果提交按钮我有div,那么:$submit_btn.click(function(e){if($submit_btn.attr("data-send")=="yes"){e.preventDefault();}else{$('#reg').html('');$new_try_now.submit();}});在div微调器中我有CSS3动画。问题是动画在Chrome中运行良好,但在Safari中无法启动。我认为问题在于Safari终止了页面上的所有进程。如果没有AJAX,我如何避免它?编辑:动

javascript - angular2 组件中的多个动画触发器

我想在一个组件中定义多个动画触发器。这可能吗?例如一个用于进入场景,一个用于悬停。还是我需要为这种情况定义两个组件(父子)?item.compoennt.ts//removedtheimportandclasspartforbetterreadability@Component({selector:'item',templateUrl:'./item.template.html',styleUrls:['./item.style.scss'],animations:[//pageloadanimationtrigger('slideIn',[state('in',style({opac